// pages/technicain/technicain.js
var data = require("../../utils/data");
Page({

    /**
     * 页面的初始数据
     */
    data: {
        //列表
        listdata: data.getSkillData,
        gudingData: data.getSkillData,
        // skillType: [{ id: 1, name: '美容' }, { id: 2, name: '美发' }, { id: 3, name: '美甲' }],
        skillType: ['', '艺术型美甲', '甜美款美甲', '现实型美甲'],
        skillTypeIndex: -1
    },
    skillTypeChange: function(e) {
        var valueIndex = e.detail.value
        var list = this.data.gudingData
        if (valueIndex == 0) {
            this.setData({
                skillTypeIndex: valueIndex,
                listdata: list
            })
        } else {

            var newList = []
            for (let i = 0; i < list.length; i++) {
                var type = list[i].type
                    // console.log("type" + type)
                if (valueIndex == type) {
                    newList.push(list[i])
                }
            }
            this.setData({
                skillTypeIndex: valueIndex,
                listdata: newList
            })
        }
    },
    //加载更多
    loadMore: function(res) {
        // console.log('滑倒底部');
        wx.showToast({
            title: '加载中...',
            icon: 'loading',
            duration: 5000
        })
        setTimeout(() => {
            wx.hideToast({
                success: (function(res) {
                    wx.showToast({
                        icon: 'none',
                        title: '没有更多了',
                        duration: 2000
                    })
                })
            })

        }, 1000);

    },
    //跳转到美甲师详情页
    navegateDetail: function(res) {
        var imgid = res.currentTarget.id;
        wx.navigateTo({

            url: '../technicain_details/technicain_details?id=' + imgid,
            success: function(res) {
                //设置预约页标题
                wx.setNavigationBarTitle({
                    title: '美甲师详情',
                })
            }
        })
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function(options) {
        // console.log(this.data.listdata[0])
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function() {

    }
})